#tag layout_block("css_page_level")
<link href="${CONTEXT_PATH}/assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet"
      type="text/css"/>
<link href="${CONTEXT_PATH}/assets/admin/pages/css/profile.css" rel="stylesheet" type="text/css"/>
#end
#tag layout_block("js_page_level")
<script src="${CONTEXT_PATH}/assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js"
        type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
<script src="${CONTEXT_PATH}/assets/admin/pages/scripts/profile.js" type="text/javascript"></script>
#end

#tag layout_block("content")
<div class="row">
    <div class="col-md-12">
        <div class="profile-sidebar">
            <!-- PORTLET MAIN -->
            <div class="portlet light profile-sidebar-portlet">
                <!-- SIDEBAR USERPIC -->
                <div class="profile-userpic">
                    <img src="${CONTEXT_PATH}/${user.photoImg}" class="img-responsive" alt="">
                </div>
                <!-- END SIDEBAR USERPIC -->
                <!-- SIDEBAR USER TITLE -->
                <div class="profile-usertitle">
                    <div class="profile-usertitle-name">
                        ${user.name}
                    </div>
                </div>
                <!-- END SIDEBAR USER TITLE -->
                <!-- SIDEBAR MENU -->
                <div class="profile-usermenu">
                    <ul class="nav">
                        <li>
                            <a href="${CONTEXT_PATH}/sdm/prof/me">
                                <i class="icon-home"></i>
                                ${getMessage('net.mayee.alice.web.sys.me.my_profile')} </a>
                        </li>
                        <li>
                            <a href="${CONTEXT_PATH}/prof/accS">
                                <i class="icon-settings"></i>
                                ${getMessage('net.mayee.alice.web.sys.me.account')} </a>
                        </li>
                        <li class="active">
                            <a href="${CONTEXT_PATH}/prof/help">
                                <i class="icon-info"></i>
                                ${getMessage('net.mayee.alice.web.sys.me.help')} </a>
                        </li>
                    </ul>
                </div>
                <!-- END MENU -->
            </div>
        </div>
        <div class="profile-content">
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light">
                        <div class="portlet-title tabbable-line">
                            <div class="caption caption-md">
                                <span class="caption-subject font-blue-madison bold uppercase">
                                    ${getMessage('net.mayee.alice.web.sys.me.help')}
                                </span>
                            </div>
                            <ul class="nav nav-tabs">
                                <li class="active">
                                    <a href="#tab_1_1" data-toggle="tab">
                                        ${getMessage('net.mayee.alice.web.sys.me.help.general_question')}</a>
                                </li>
                                <li>
                                    <a href="#tab_1_2" data-toggle="tab">
                                        ${getMessage('net.mayee.alice.web.sys.me.help.permission_question')}</a>
                                </li>
                            </ul>
                        </div>
                        <div class="portlet-body">
                            <div class="tab-content">
                                <!-- GENERAL QUESTION TAB -->
                                <div class="tab-pane active" id="tab_1_1">
                                    <div id="accordion1" class="panel-group">
                                        <div class="panel panel-success">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_1">
                                                        1. 如何获取Alice的操作手册 ？ </a>
                                                </h4>
                                            </div>
                                            <div id="accordion1_1" class="panel-collapse collapse in">
                                                <div class="panel-body">
                                                    <p>
                                                        请访问<a href="http://mayee.net" target="_blank">MAYEE.NET</a>获取最新信息
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- END GENERAL QUESTION TAB -->
                                <!-- MEMBERSHIP TAB -->
                                <div class="tab-pane" id="tab_1_2">
                                    <div id="accordion2" class="panel-group">
                                        <div class="panel panel-warning">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#accordion2_1">
                                                        1. 如何获取Alice的操作手册 ？ </a>
                                                </h4>
                                            </div>
                                            <div id="accordion2_1" class="panel-collapse collapse in">
                                                <div class="panel-body">
                                                    <p>
                                                        请访问<a href="http://mayee.net" target="_blank">MAYEE.NET</a>获取最新信息
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- END MEMBERSHIP TAB -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
#end

#tag layout_block("script")
<script>
    jQuery(document).ready(function () {
        Profile.init();
    });
</script>
#end
#include ("/layout/layout_main.html")
